<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DataGrid</title>
    <!--必须要引入的easyUI资源  按顺序引入-->
    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
</head>
<body>
    <table class="easyui-datagrid" style="width:700px;height:250px" title="商品信息列表"
           data-options="url:'datagrid_data1.json',fitColumns:true,singleSelect:true">
        <thead>
        <tr>
            <th data-options="field:'itemid',width:70,checkbox:'true'">序号</th>
            <th data-options="field:'productid',width:70,">id</th>
            <th data-options="field:'productname',width:70,align:'right'">名称</th>
            <th data-options="field:'listprice',width:70,align:'right'">价格</th>
            <th data-options="field:'status',width:70,align:'right'">状态</th>
            <th data-options="field:'unitcost',width:70,align:'right'">收益</th>
            <th data-options="field:'attr1',width:70,align:'right'">别名</th>
        </tr>
        </thead>
    </table>
</body>
</html>